<template>
  <div>
    <van-nav-bar title="个人中心" />
    <div class="usertop">
      <van-cell icon="location-o">
        <span class="usertext">登录/注册</span>
        <template #icon>
          <span class="userphoto"
            ><van-icon
              size="65"
              name="https://b.yzcdn.cn/vant/icon-demo-1126.png"
          /></span>
        </template>
      </van-cell>
      <van-cell title="全部订单" is-link />
      <van-cell title="我的预约" is-link />
      <van-cell title="应用推荐" is-link />
      <van-cell title="用户福利" is-link />
    </div>

    <LayoutView></LayoutView>
  </div>
</template>

<script>
import LayoutView from "@/views/layout/LayoutView.vue";
export default {
  components: {
    LayoutView,
  },
};
</script>

<style lang="less" scoped>
body {
  background-color: #eee;
}
.usertop {
  margin-top: 50px;
}
.userphoto {
  height: 300px;
  width: 300px;
}
.usertext {
  text-align: center;
  line-height: 300px;
  margin-left: 50px;
}
.van-cell {
  font-size: 1rem;
  line-height: 2rem;
}
.van-cell__right-icon {
  font-size: 1rem;
  line-height: 2rem;
}
/deep/.van-nav-bar__content {
  height: 3rem;
}
/deep/.van-nav-bar__title {
  font-size: 1rem;
  line-height: 1rem;
}
</style>
